@import './main';

/deep/ .el-table {
  background-color: $mainBg;
  color: #fff;
  .el-table__fixed {

  }
  th, tr {
    background-color: $mainBg;
  }
  td, th, th.is-leaf {
    border-bottom: none;
    color: $mainColor;
    span, label {
      color: #fff;
    }
    //.el-button span {
    //  color: $mainColor;
    //}
  }
  .el-table__fixed {
    .el-table__fixed-header-wrapper {
      table {
        thead {
          font-size: 17px;
        }
        tr, th, td {
          color: $mainColor;
          @include baseBgRgba();
        }
        td, th {
          padding: 8px 0;
        }
      }
    }
  }
  .el-table__header-wrapper {
    border-radius: 10px;
    table {
      thead {
        font-size: 17px;
      }
      tr, th, td {
        color: $mainColor;
        @include baseBgRgba();
        //border-bottom: 1px solid $mainBorder;
      }
      td, th {
        padding: 8px 0;
      }
    }
  }
  .el-table__footer-wrapper {
    table {
      &.el-table__footer td {
        border-top-color: $mainBg;
      }
      thead {
        font-size: 17px;
      }
      tr, th, td {
        color: $mainColor;
        @include baseBgRgba();
        //border-bottom: 1px solid $mainBorder;
      }
      td, th {
        padding: 8px 0;
      }
    }
  }
  .el-table__body {
    tr { // el-table__row
      background: $mainBg;
      transition: all .2s;
    }
    td, th {
      color: #ffff;
      border-bottom: 1px solid $mainBorder;
      background: $mainBg;
      //.el-button span {
      //  color: $mainColor;
      //}
    }
  }
  .el-table__body tr.hover-row.current-row>td,
  .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
  .el-table__body tr.hover-row.el-table__row--striped>td,
  .el-table__body tr.hover-row>td,
  .el-table__body tr:hover>td {
    background: $mainBorder;
  }
  &::before {
    background-color: $mainBorder;
  }
  .el-table__fixed-right::before {
    background-color: $mainBorder;
  }
  .el-table__fixed-right-patch {
    background-color: $mainBg
  }
  .el-table--border th, .el-table__fixed-right-patch {
    border-color: $mainBg;
  }
  .empty-content {
    .iconfont {
      font-size: 100px;
      margin-top: 50px;
      display: inline-block;
    }
  }
}

/deep/ .el-pagination {
  padding: 10px;
  text-align: right;
  background-color: $mainBg;
  //color: #fff;
  .el-pagination__total {
    color: #fff;
  }
  .el-pagination__jump {
    color: #fff;
  }
  .btn-prev, .btn-next {
    background-color: $mainBg;
    color: #bac4ff;
    &:disabled {
      color: $disabledBg;
    }
  }
  .el-pager li {
    background-color: $mainBg;
    color: #fff;
    &.active {
      color: $mainColor;
    }
    &:hover {
      color: $mainColor;
    }
    //&.btn-quicknext,
    //&.btn-quickprev {
    //  color: #fff;
    //}
  }
}
